<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,shrink-to-fit=no">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta name="msapplication-tap-highlight" content="no">
    <style>
        ul li{
            margin: 10px 0;
        }
    </style>
</head>
<body>
<h1>重力感应3D效果</h1>
<div>
    <ul>
        <li>
            <a href="Sphere.html" target="_blank">球体</a>
        </li>
        <li>
            <a href="Cylinder.html" target="_blank">圆柱体</a>
        </li>
        <li>
            <a href="Cylinder-noy.html" target="_blank">仅水平动画圆柱体</a>
        </li>
        <li>
            <a href="https://www.baidu.com" target="_blank">百度</a>
        </li>
    </ul>
</div>

<!--<script src="js/three.min.js"></script>-->
<!--重力感应-->
<!--<script src="js/orienter.js"></script>-->
<!--动画效果-->
<!--<script src="js/tween.js"></script>-->
<!--性能插件stats实现性能监听-->
<!--<script src="https://cdn.bootcss.com/stats.js/r16/Stats.min.js"></script>-->
<!-- 鼠标控制 （OrbitControls.js） -->
<!--<script src="js/OrbitControls.js"></script>-->
<!-- 控制陀螺仪开关 （DeviceOrientationControls.js） -->
<!--<script src="js/DeviceOrientationControls.js"></script>-->
</body>
</html>